<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>allinone content演示(common皮肤/固定尺寸)_素材火</title>

<link href="css/allinone_contentSlider.css" rel="stylesheet" type="text/css">
<script src="http://www.sucaihuo.com/Public/js/other/jquery.js"></script>
<script src="js/jquery-ui-1.10.2.min.js"></script>
<script src="js/allinone_contentSlider.js" type="text/javascript"></script>

<script>
$(function() {
	$('#allinone_contentSlider_common').allinone_contentSlider({
		skin: 'common',
		width: 960,
		height: 460,
		autoHideBottomNav:false,
		showPreviewThumbs:false,
		autoHideNavArrows:false,
		thumbsWrapperMarginBottom:-50
	});
});
</script>
</head>

<body>
<h1>allinone content演示(common皮肤/固定尺寸)</h1>

<!-- 代码开始 -->
<div style="background:url(images/preview_images/commonBg.jpg) top center no-repeat;" id="banner-div-contentSlider">
	<div id="zzz" style="width:960px;margin: 0 auto; padding:10px 0 0 0;">
		<div style="width:960px; height:460px; margin:25px auto 0 auto;">
			<div id="allinone_contentSlider_common">
				<ul class="allinone_contentSlider_list">
					<li data-text-id="#allinone_contentSlider_photoText1"><img src="images/common/1galaxy_s2.png" width="373" height="384" alt=""/></li>
					<li><img src="images/common/HTML5Simple.png" width="960" height="460" alt="" /></li>
					<li data-text-id="#allinone_contentSlider_photoText3"></li>
					<li data-text-id="#allinone_contentSlider_photoText4"></li>
					<li data-text-id="#allinone_contentSlider_photoText5">
						<iframe style="padding:70px 0 33px 0; margin-left:45px; margin-right:50px; background:url(skins/common/videoShadow400.png) bottom center no-repeat;" width="400" height="300" src="http://player.youku.com/player.php/sid/XMzQ4NzE4MTMy/v.swf" frameborder="0" allowfullscreen></iframe>
					</li>
					<li  data-text-id="#allinone_contentSlider_photoText6"></li>
				</ul>
				
				<div id="allinone_contentSlider_photoText1" class="allinone_contentSlider_texts">
					<div  class="allinone_contentSlider_text_line textElement11_common" data-initial-left="400" data-initial-top="-30" data-final-left="400" data-final-top="45" data-duration="0.5" data-fade-start="0" data-delay="0">You can cutomize this <br />
						Content-Slider in so many ways </div>
					<div  class="allinone_contentSlider_text_line textElement12_common" data-initial-left="400" data-initial-top="30" data-final-left="400" data-final-top="120" data-duration="0.5" data-fade-start="0" data-delay="0">Only your imagination is the limit. You'll see here just a few examples of what you can do.</div>
					<div  class="allinone_contentSlider_text_line" data-initial-left="300" data-initial-top="210" data-final-left="400" data-final-top="210" data-duration="0.5" data-fade-start="0" data-delay="0.5"><img src="images/common/listIcon.png" width="28" height="26" alt=""/></div>
					<div  class="allinone_contentSlider_text_line textElement13_common" data-initial-left="455" data-initial-top="210" data-final-left="455" data-final-top="210" data-duration="0.5" data-fade-start="0" data-delay="0.3">You'll see here just a few examples of <br />
						what you can do. Only your imagination is the limit. </div>
					<div  class="allinone_contentSlider_text_line" data-initial-left="300" data-initial-top="290" data-final-left="400" data-final-top="290" data-duration="0.5" data-fade-start="0" data-delay="0.8"><img src="images/common/listIcon.png" width="28" height="26" alt=""/></div>
					<div  class="allinone_contentSlider_text_line textElement13_common" data-initial-left="455" data-initial-top="280" data-final-left="455" data-final-top="280" data-duration="0.5" data-fade-start="0" data-delay="0.5">You can cutomize this Content-Slider in so many ways. <br />
						We hope your imagination has no limit.</div>
				</div>
				<div id="allinone_contentSlider_photoText3" class="allinone_contentSlider_texts">
					<div id="31" class="allinone_contentSlider_text_line" data-initial-left="0" data-initial-top="50" data-final-left="0" data-final-top="0" data-duration="0.5" data-fade-start="0" data-delay="0"><img src="images/common/rightSideWp.png" width="600" height="460" alt="" /></div>
					<div id="32" class="allinone_contentSlider_text_line" data-initial-left="0" data-initial-top="-30" data-final-left="0" data-final-top="0" data-duration="0.5" data-fade-start="0" data-delay="0"><img src="images/common/WP.png" width="442" height="204" alt="" /></div>
					<div id="33" class="allinone_contentSlider_text_line" data-initial-left="625" data-initial-top="-50" data-final-left="625" data-final-top="35" data-duration="0.5" data-fade-start="0" data-delay="0"><img src="images/common/bottomWp.png" width="290" height="424" alt="" /></div>
					<div id="312" class="allinone_contentSlider_text_line textElement32_common" data-initial-left="40" data-initial-top="85" data-final-left="40" data-final-top="255" data-duration="0.5" data-fade-start="0" data-delay="0"><a href="http://www.sucaihuo.com/js/249.html" target="_blank">Right Side Playlist</a></div>
					<div id="313" class="allinone_contentSlider_text_line textElement33_common" data-initial-left="40" data-initial-top="130" data-final-left="780" data-final-top="78" data-duration="0.5" data-fade-start="0" data-delay="0"> <a href="http://www.sucaihuo.com/js/249.html" target="_blank">Bottom Playlist</a> </div>
				</div>
				<div id="allinone_contentSlider_photoText4" class="allinone_contentSlider_texts">
					<div id="41" class="allinone_contentSlider_text_line" data-initial-left="20" data-initial-top="75" data-final-left="480" data-final-top="75" data-duration="0.5" data-fade-start="0" data-delay="0"><img src="images/common/bottomH5.png" width="480" height="385" alt="" /></div>
					<div id="42" class="allinone_contentSlider_text_line" data-initial-left="60" data-initial-top="-30" data-final-left="60" data-final-top="0" data-duration="0.5" data-fade-start="0" data-delay="0"><img src="images/common/HTML5_2Players.png" width="560" height="80" alt="" /></div>
					<div id="43" class="allinone_contentSlider_text_line" data-initial-left="300" data-initial-top="80" data-final-left="0" data-final-top="80" data-duration="0.5" data-fade-start="0" data-delay="0"><img src="images/common/rightSideH5.png" width="613" height="379" alt="" /></div>
					<div id="412" class="allinone_contentSlider_text_line textElement32_common" data-initial-left="30" data-initial-top="255" data-final-left="30" data-final-top="255" data-duration="0.5" data-fade-start="0" data-delay="0"><a href="http://www.sucaihuo.com/js/249.html" target="_blank">Right Side Playlist</a></div>
					<div id="413" class="allinone_contentSlider_text_line textElement33_common"  data-initial-left="40" data-initial-top="125" data-final-left="780" data-final-top="125"  data-duration="0.5" data-fade-start="0" data-delay="0"> <a href="http://www.sucaihuo.com/js/249.html" target="_blank">Bottom Playlist</a> </div>
				</div>
				<div id="allinone_contentSlider_photoText5" class="allinone_contentSlider_texts">
					<div  class="allinone_contentSlider_text_line textElement11_common" data-initial-left="470" data-initial-top="0" data-final-left="470" data-final-top="65" data-duration="0.5" data-fade-start="0" data-delay="0">You can cutomize this <br />
						Content-Slider in so many ways </div>
					<div  class="allinone_contentSlider_text_line textElement12_common" data-initial-left="470" data-initial-top="30" data-final-left="470" data-final-top="140" data-duration="0.5" data-fade-start="0" data-delay="0">Only your imagination is the limit. You'll see here just a few examples of what you can do.</div>
					<div  class="allinone_contentSlider_text_line" data-initial-left="300" data-initial-top="230" data-final-left="470" data-final-top="230" data-duration="0.5" data-fade-start="0" data-delay="0.5"><img src="images/common/listIcon.png" width="28" height="26" alt=""/></div>
					<div  class="allinone_contentSlider_text_line textElement13_common" data-initial-left="510" data-initial-top="230" data-final-left="510" data-final-top="230" data-duration="0.5" data-fade-start="0" data-delay="0.3">You'll see here just a few examples of <br />
						what you can do. Only your imagination is the limit. </div>
					<div  class="allinone_contentSlider_text_line" data-initial-left="300" data-initial-top="310" data-final-left="470" data-final-top="310" data-duration="0.5" data-fade-start="0" data-delay="0.8"><img src="images/common/listIcon.png" width="28" height="26" alt=""/></div>
					<div  class="allinone_contentSlider_text_line textElement13_common" data-initial-left="510" data-initial-top="300" data-final-left="510" data-final-top="300" data-duration="0.5" data-fade-start="0" data-delay="0.5">You can cutomize this Content-Slider in so many ways. <br />
						We hope your imagination has no limit.</div>
				</div>
				<div id="allinone_contentSlider_photoText6" class="allinone_contentSlider_texts">
					<div id="62" class="allinone_contentSlider_text_line" data-initial-left="135" data-initial-top="50" data-final-left="35" data-final-top="27" data-duration="0.5" data-fade-start="0" data-delay="0.2"><img src="images/common/2galaxy_s21.png" width="196" height="376" alt="" /></div>
					<div id="63" class="allinone_contentSlider_text_line" data-initial-left="640" data-initial-top="50" data-final-left="730" data-final-top="27" data-duration="0.5" data-fade-start="0" data-delay="0.2"><img src="images/common/3galaxy_aceplus.png" width="196" height="376" alt="" /></div>
					<div id="61" class="allinone_contentSlider_text_line" data-initial-left="280" data-initial-top="-30" data-final-left="280" data-final-top="22" data-duration="0.5" data-fade-start="0" data-delay="0"><img src="images/common/1galaxy_s2.png" width="373" height="384" alt="" /> </div>
					<div id="611" class="allinone_contentSlider_text_line textElement61_common" data-initial-left="545" data-initial-top="235" data-final-left="545" data-final-top="190" data-duration="0.5" data-fade-start="0" data-delay="0"><a href="http://www.sucaihuo.com/js/249.html" target="_blank">Iphone 3GS</a></div>
					<div id="612" class="allinone_contentSlider_text_line textElement62_common" data-initial-left="0" data-initial-top="85" data-final-left="0" data-final-top="140" data-duration="0.5" data-fade-start="0" data-delay="0"><a href="http://www.sucaihuo.com/js/249.html" target="_blank">galaxy s</a></div>
					<div id="613" class="allinone_contentSlider_text_line textElement63_common" data-initial-left="700" data-initial-top="40" data-final-top="150" data-final-left="700" data-duration="0.5" data-fade-start="0" data-delay="0"><a href="http://www.sucaihuo.com/js/249.html" target="_blank">Iphone 4S</a></div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 代码结束 -->









<!-- 以下是统计和广告，与演示无关，不必理会 -->
<style type="text/css">
body { margin: 0;}
h1 { margin: 40px 10px; font: 32px Microsoft Yahei; text-align: center;}

.vad { margin:90px 0 5px; font-family: arial,宋体,sans-serif; text-align:center;}
.vad a { display:inline-block; height: 30px; line-height: 30px; margin:0 5px; padding:0 20px; font-size:14px; text-align:center; color:#eee; text-decoration:none; background-color:#222;}
.vad a:hover { color:#fff; background-color:#000;}

.a728x90 { width: 728px; height: 90px; margin: 0 auto;}
</style>

<p class="vad"><a href="http://www.sucaihuo.com/" target="_blank">sucaihuo.com</a> <a href="http://www.sucaihuo.com/js/249.html" target="_blank">说 明</a> <a href="http://www.sucaihuo.com/js/249.html" target="_blank">下 载</a></p>

</body>
</html>